$().ready(function () {

    //默认绑定省
    ProviceBind();
    //绑定事件
    $("#Province").change(function () {
        CityBind();
    })

    $("#City").change(function () {
        VillageBind();
    })

    validateRule();
});

$.validator.setDefaults({
    submitHandler: function () {
        save();
    }
});

function save() {
    $.ajax({
        cache: true,
        type: "POST",
        url: "/prod/cleanFee/save",
        data: $('#signupForm').serialize(), // 你的formid
        async: false,
        error: function (request) {
            parent.layer.alert("网络超时");
        },
        success: function (data) {
            if (data.code == 0) {
                parent.layer.msg("操作成功");
                parent.reLoad();
                var index = parent.layer.getFrameIndex(window.name);
                parent.layer.close(index);

            } else {
                parent.layer.alert(data.msg)
            }
        }
    });
}

function validateRule() {
    var icon = "<i class='fa fa-times-circle'></i> ";
    $("#signupForm").validate({
        rules: {
            name: {
                required: true
            }
        },
        messages: {
            name: {
                required: icon + "请输入名字"
            }
        }
    })
}

function Bind(str) {
    alert($("#Province").html());
    $("#Province").val(str);
}

function ProviceBind() {
    //清空下拉数据
    $("#Province").html("");

    var str = "<option>请选择</option>";
    // var str = "<option></option>";
    $.ajax({
        type: "GET",
        url: "/prod/uxiliaryPrice/listProvince",
        // data: { "parentiD": "", "MyColums": "Province" },
        dataType: "JSON",
        async: false,
        success: function (data) {
            //从服务器获取数据进行绑定
            $.each(data, function (i, item) {
                str += "<option value=" + item.areaId + ">" + item.areaName + "</option>";
            })
            //将数据添加到省份这个下拉框里面
            $("#Province").append(str);
        },
        error: function () {
            alert("Error");
        }
    });
}

function CityBind() {
    // var provice = $("#Province").attr("value");
    var province = $("#Province").val();

    //判断省份这个下拉框选中的值是否为空
    // if (provice == "") {
    //     return;
    // }
    $("#City").html("");
    var str = "<option>请选择</option>";
    // var str = "<option></option>";
    $.ajax({
        type: "GET",
        url: "/prod/uxiliaryPrice/listCityByProvince",
        data: {"areaId": province},
        dataType: "JSON",
        async: false,
        success: function (data) {
            //从服务器获取数据进行绑定
            $.each(data, function (i, item) {
                str += "<option value=" + item.areaId + ">" + item.areaName + "</option>";
            })
            //将数据添加到省份这个下拉框里面
            $("#City").append(str);
        },
        error: function () {
            console.log("error");
            alert("该省下没有开通的市");
        }
    });
}

function VillageBind() {
    // var provice = $("#City").attr("value");
    var city = $("#City").val();
    //判断市这个下拉框选中的值是否为空
    // if (provice == "") {
    //     return;
    // }
    $("#Village").html("");
    var str = "<option>请选择</option>";
    // var str = "<option></option>";
    //将市的ID拿到数据库进行查询，查询出他的下级进行绑定
    $.ajax({
        type: "GET",
        url: "/prod/uxiliaryPrice/listVillageByCity",
        data: {"areaId": city},
        dataType: "JSON",
        async: false,
        success: function (data) {
            //从服务器获取数据进行绑定
            $.each(data, function (i, item) {
                str += "<option value=" + item.areaId + ">" + item.areaName + "</option>";
            })
            //将数据添加到省份这个下拉框里面
            $("#Village").append(str);
        },
        error: function () {
            console.log("该市下没有开通的区县");
            // alert("该市下没有开通的区县");
        }
    });
}